export declare const numberInputStyle: {
    sideContainer: Record<"large" | "medium" | "small", string>;
    inputContainer: import("@vanilla-extract/recipes").RuntimeFn<{
        controls: {
            false: {
                borderWidth: number;
            };
        };
    }>;
    unit: import("@vanilla-extract/recipes").RuntimeFn<{
        disabled: {
            true: {
                background: `var(--${string})`;
                cursor: "not-allowed";
                userSelect: "none";
                borderBlock: `1px solid var(--${string})`;
            };
        };
        readOnly: {
            true: {
                background: `var(--${string})`;
                borderBlock: `1px solid var(--${string})`;
            };
        };
        size: {
            large: {
                fontSize: `var(--${string})`;
                height: `var(--${string})`;
            };
            medium: {
                fontSize: `var(--${string})`;
                height: `var(--${string})`;
            };
            small: {
                fontSize: `var(--${string})`;
                height: `var(--${string})`;
            };
        };
        controls: {
            false: {
                borderRadius: `0 var(--${string}) var(--${string}) 0`;
                borderRightWidth: number;
                borderRightStyle: "solid";
            };
        };
    }>;
    numberinput: import("@vanilla-extract/recipes").RuntimeFn<{
        controls: {
            false: {
                textAlign: "left";
                borderRadius: `var(--${string}) 0 0 var(--${string})`;
            };
            true: {
                borderInline: "none";
            };
        };
        hasUnit: {
            true: {
                padding: `var(--${string}) 0 var(--${string}) var(--${string})`;
                textAlign: "left";
                borderRightWidth: number;
            };
        };
        size: {
            large: {
                fontFamily: `var(--${string})`;
                fontSize: `var(--${string})`;
                fontWeight: `var(--${string})`;
                height: `var(--${string})`;
                lineHeight: `var(--${string})`;
            };
            medium: {
                height: `var(--${string})`;
            };
            small: {
                height: `var(--${string})`;
            };
        };
    }>;
    container: import("@vanilla-extract/recipes").RuntimeFn<{
        size: {
            large: {
                height: `var(--${string})`;
            };
            medium: {
                height: `var(--${string})`;
            };
            small: {
                height: `var(--${string})`;
            };
        };
        state: {
            default: {};
            disabled: {
                background: `var(--${string})`;
                borderColor: `var(--${string})`;
                cursor: "not-allowed";
                selectors: {
                    '&:hover': {
                        borderColor: `var(--${string})`;
                    };
                };
            };
            error: {
                borderColor: `var(--${string})`;
            };
            readOnly: {
                background: `var(--${string})`;
                borderColor: `var(--${string})`;
                cursor: "not-allowed";
                selectors: {
                    '&:focus-within': {
                        borderColor: `var(--${string})`;
                    };
                    '&:hover': {
                        borderColor: `var(--${string})`;
                    };
                };
            };
            success: {
                borderColor: `var(--${string})`;
            };
        };
    }>;
};
//# sourceMappingURL=styles.css.d.ts.map